<template>
  <div>
  </div>
</template>

<script>
/**
 * 默认插槽
 * 1、Component组件采用双标签写法
 * 2、在父容器的双标签中写入对应的内容
 * 3、在Component需要显示内容的位置写入slot标记
 * 
 * 具名插槽
 * 1、不同的内容分别放入多个相同的Component组件
 * 2、Component中的slot 标记定义name属性值
 * 3、在父容器的双标签中的对应内容标记上加入slot属性，并指定slot的属性名称
 * 4、如果对应内容标记为template ,则需要加上v-slot:名称
 * 
 * 作用域插槽
 * 1、如果在父容器中只传递结构给Component，而数据由Component自身决定
 * 2、首先Component中需要在slot中通过数据绑定传入需要传递的值
 * 3、然后在父容器的Component标记中通过scope 或者 slot-scope获取
 *    slot中绑定的数据的对象。
 */

export default {
  name: "App",
}
</script>

<style scoped>

</style>